<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ include file="/WEB-INF/page/include/taglib.jsp" %>
<html><head>
    <meta charset="utf-8">
    <title>洋码头 - 让人放心的海外购物社区货</title>
    <link href="//static.ymatou.com/content/assets/wharf.2016071901.css" rel="stylesheet" type="text/css">
        <link href="//s2.ymatou.com/my/mycollects.5d9972e.css" rel="stylesheet" type="text/css">
</head>
<body><link href="//s2.ymatou.com/top/common.9b786ce.css" rel="stylesheet" type="text/css">
<link href="//s2.ymatou.com/top/topbar.201a877.css" rel="stylesheet" type="text/css">
<script>
	var ctx = "${ctx}";
</script>
<div class="topbar global-wrap">
  <div class="inner">
    <div class="topnar-fl">
      <a href="/">Hi，欢迎来到洋码头！</a>
      <span class="user-type" style="padding-left: 10px; display: inline-block;">
        <a href="//seller.ymatou.com/Seller" target="_blank">我是买手</a>
      </span>
    </div>
    <ul class="nav topbar-fr">
      
      <li class="nav-item" id="topbarLoginUser" onmouseover="javascript: $('.topbar .dropdownlist').css('display', 'block');" onmouseout="javascript: $('.topbar .dropdownlist').css('display', 'none');">
        <a href="#" class="downmenu"><span class="title" title="chenjiaxiang">chenjiaxiang</span><i class="arrow-bt"></i></a>
        <div class="dropdownlist" style="width: 72px; right: 2px; left: auto;">
          <a href="${ctx}/jsp/user/registerUser.jsp" id="logoutId">退出登录</a>
        </div>
      </li>
      
      <li class="nav-item">
        <a href="${ctx}/cart/getAllShoppingcart" target="_blank"><span class="title">购物车</span></a>
      </li>
      <li class="nav-item">
        <a href="${ctx }/my/MyTheorder" target="_blank"><span class="title">我的订单</span></a>
      </li>
      <li class="nav-item">
        <a href="${ctx}/my/Mycenter" class="downmenu" target="_blank"><span class="title">个人中心</span><!--<i class="arrow-bt"></i>--></a>
      </li>
      <li class="nav-item" style="margin-left: -10px;">
        <a href="/home/rule" target="_blank"><span class="title">规则&amp;公告</span></a>
      </li>
      <!--<li class="nav-item">-->
      <!--<a href="http://evt.ymatou.com/activity_3135_pc?app_banner=home_page" target="_blank"><span class="title">手机洋码头</span></a>-->
      <!--</li>-->
    </ul>
  </div>
</div>

<div class="rightbar">
  <ul class="rightbar-inner" style="padding: 270px 0 0;">
    <li class="item user">
      <a href="${ctx}/my/Mycenter" target="_blank" title="我"><i class="rightbar-icon rti-user"></i></a>
    </li>
    <li class="item">
      <a href="${ctx}/cart/getAllShoppingcart" style="padding-bottom: 2px;" target="_blank" title="购物车">
        <i class="rightbar-icon rti-cart"></i><span class="title">购<br>物<br>车</span>
        
        <em class="tips" style="display: none;">10</em>
        
      </a>
    </li>
    <li class="item">
      <a style="padding-bottom: 2px;" onmouseover="$(&quot;#qrcodeContainer&quot;).show();" onmouseout="$(&quot;#qrcodeContainer&quot;).hide();" title="二维码"><i class="rightbar-icon rti-code"></i></a>
      <div id="qrcodeContainer" style="
          display: none;
          position: absolute;
          top: 0;
          left: -102px;
          z-index: 1;
          width: 102px;
          height: 126px;
          background: #383838;
        ">
        <img src="//pic1.ymatou.com/G02/M02/FB/5C/CgvUBFht9-CADvH8AAAW6VtgvkI439_62_63_w_o.png" title="洋码头二维码" style="width: 62px; height: 63px; display: block; margin: 10px auto;">
        <span>下载APP领取<br>260元新人礼包</span>
      </div>
    </li>
    <li class="item">
      <a style="padding-bottom: 2px;" href="javascript:void(0)" onclick="javascript:document.documentElement.scrollTop = document.body.scrollTop =0" title="置顶"><i class="rightbar-icon rti-top"></i><span class="title">TOP</span></a>
    </li>
  </ul>
</div>
<script type="text/javascript" async="" src="https://dn-growing.qbox.me/vds.js"></script><script async="" src="//www.google-analytics.com/analytics.js"></script><script async="" src="//s1.ymatou.com/bpm/build/gtm/1.3.6/detection.js"></script><script type="text/javascript">
  $(function () {
    var locationUrl = location.href;
    //设置登录后返回Url
    if (location.href.toLowerCase().indexOf("login") == -1) {
      var login = $("[href='/login?ret=']");
      if (login != null) {
        login.attr("href", login.attr("href") + locationUrl);
      }
    }
    var logout = $(".topbar #logoutId");
    if (
      logout &&
      locationUrl.indexOf("/my/") == -1 &&
      locationUrl.substring(locationUrl.length - 3).toLowerCase() != "/my"
    ) {
      logout.attr("href", logout.attr("href") + "?ret=" + locationUrl);
    }
  });
</script>

<script src="//s2.ymatou.com/top/common.8778e94.js" charset="utf-8" type="text/javascript"></script>


<div class="mainer global-wrap">
    <div class="inner">
        <div class="usercenter-side">
            <a class="side-hd" href="${ctx }/my/Mycenter">个人中心</a>
            
            <div class="side-bd">
                <div class="side-item"><h3 class="title"><em class="query"></em>服务查询</h3>
                    <ul class="side-list">
                        <li><a href="${ctx }/my/MyTheorder">我的订单</a></li>
                        <li><a href="/my/mycoupons">我的优惠券</a></li>
                    </ul>
                </div>
                
                <div class="side-item"><h3 class="title"><em class="account"></em>账户管理</h3>
                    <ul class="side-list">
                        <li><a href="${ctx}/security/Mysecurity">安全中心</a></li>
                        <li><a href="${ctx }/my/Myaddress">管理收货地址</a></li>
                        <li><a href="/my/withdrawal">提现</a></li>
                    </ul>
                </div>
                <div class="side-item"><h3 class="title"><em class="attention"></em>关注中心</h3>
                    <ul class="side-list">
                        <li class="active"><a href="${ctx }/my/MyCollection">我的收藏</a></li>                        
                    </ul>
                </div>
            </div>

        </div>
        <div class="usercenter-r"><script async="" src="//www.googletagmanager.com/gtm.js?id=GTM-5PJKS5"></script><script src="//s2.ymatou.com/my/mycollects.f5c7405.js"></script>
<div class="mycollect-wrap">

	<h1 class="common-title-h1">我的收藏</h1>

	<div class="editAddress-btn">
		<div class="status status-1" id="dBatchManager">
			<a href="javascript:;" id="batchManager"><span class="s">批量管理</span></a>
		</div>
		<div class="status status-2" id="dBatchAction" style="display:none;">
			<span class="a"><input type="checkbox">全选</span>
			<a href="javascript:;" class="d no" id="batchDelete"><i></i>删除</a>
			<a href="javascript:;" id="batchCancle"><span class="s">取消管理</span></a>
		</div>
	</div>

	<ul class="usercenter-tab">
	    <li class="item active">
	        <a href="#" data-id="0">收藏的商品<em class="number"></em></a><em class="line"></em>
	    </li>
	</ul>
    <div class="collects" id="myCollectBody"><ul>
    <c:forEach items="${collection }" var="mycollect">
	<li class="product-item">
		<a href="getProductList?product_id=${mycollect.product_id }" target="_blank" class="product-img">
			<img class="lazy" src="${mycollect.product_maingraph }">
		</a>
		<div class="base-info">
			<span class="price"><i>￥</i>${mycollect.product_price }</span>
			<span class="country"><img class="avatar" src="http://img.ymatou.com/app/flag/circle/Korea.png"> 韩国</span>
		</div>
		<div class="name"><a href="getProductList?product_id=${mycollect.product_id }" target="_blank">${mycollect.product_name }</a></div>
		<div class="seller-info">
            <a href="/sellerhome/2291014" target="_blank">
                <span class="seller">
                    <img src="http://pic1.ymatou.com/G02/M0A/6A/D2/CgvUBFer3byANoaDAACA_RgpN2E134_o.jpg">
                    老陈专卖店
                </span>
            </a>
	        <a href="javascript:;" class="delete" data-productid="p7933659" onclick="deleteItem(${mycollect.collection_id})"></a>
			<!--<span class="delete"></span>-->
		</div>

		<div class="selected-wrap" style="display:none" data-productid="p7933659">
		</div>
	</li>	
	</c:forEach>
</ul>
</div>
    <div id="Pagination" class="pagination"><span class="current prev">前一页</span><span class="current">1</span><span class="current next">后一页</span></div> 

</div></div>
    </div>
</div>
<div class="wrapper footer" module_name="user_guarantee"> <div class="matou-server" style="padding:10px 0;height:60px"> <a class="matou-server-link" style="color:#fff" href="/help/zhengpin.html" target="_blank"> <img src=""> </a> </div> <div class="area"> <div id="bottom_list" class="bottom_list"> <ul class="dl"> <li class="dt">购物指南</li> <li><a href="//help.ymatou.com/help_01.html" target="_blank" rel="nofollow">注册与登录</a></li> <li><a href="//help.ymatou.com/help_02.html" target="_blank" rel="nofollow">账户信息维护</a></li> <li><a href="//help.ymatou.com/help_05.html" target="_blank" rel="nofollow">购物流程</a></li> <li><a href="//help.ymatou.com/help_09.html" target="_blank" rel="nofollow">会员体系</a></li> <li><a href="//help.ymatou.com/help_01_1.html" target="_blank" rel="nofollow">常见问题</a></li> </ul> <ul class="dl"> <li class="dt">订单服务</li> <li><a href="//help.ymatou.com/help_07.html" target="_blank" rel="nofollow">订单状态说明</a></li> <li><a href="//help.ymatou.com/help_01_1.html" target="_blank" rel="nofollow">自动取消订单</a></li> <li><a href="//help.ymatou.com/help_07.html" target="_blank" rel="nofollow">上传身份证</a></li> </ul> <ul class="dl"> <li class="dt">支付与配送</li> <li><a href="//help.ymatou.com/help_06.html" target="_blank" rel="nofollow">支付方式</a></li> <li><a href="//help.ymatou.com/help_16.html" target="_blank" rel="nofollow">优惠券和红包</a></li> <li><a href="//help.ymatou.com/help_06.html" target="_blank" rel="nofollow">如何提现</a></li> <li><a href="//help.ymatou.com/help_07.html" target="_blank" rel="nofollow">配送方式</a></li> </ul> <ul class="dl"> <li class="dt">售后服务</li> <li><a href="//help.ymatou.com/help_15.html" target="_blank">消费维权</a></li> <li><a href="//help.ymatou.com/help_16.html" target="_blank">纠纷处理规则</a></li> <li><a href="//help.ymatou.com/help_17.html" target="_blank">退货规则</a></li> </ul> <div class="dl last"> <div class="dt">官方微信</div> <p> <img src="//static.ymatou.com/content/images/weixin2d-new.png" class="img"> </p> <span class="weibobox"> <a href="http://weibo.com/ymatou2011" target="_blank">关注微博</a> <a href="http://weibo.com/ymatou2011" target="_blank"><span class="ico-weibo-png"></span></a> </span> </div> </div> <div class="matou-intro"> <a href="//about.ymatou.com/ymtglobal.html" target="_blank" rel="nofollow">关于洋码头</a> <a href="//about.ymatou.com/zhaopin.html" target="_blank" rel="nofollow">码头招聘</a> <a href="/sellerhome/sitemap/index" target="_blank">网站地图</a> <a href="//help.ymatou.com/index.html" target="_blank" rel="nofollow">所有帮助</a> <a href="//staticontent.ymatou.com/html/merchant/index.html" target="_blank" rel="nofollow">海外招商中心</a> <a href="//staticontent.ymatou.com/html/ms_rule/" target="_blank" rel="nofollow">扫货买手规则</a> <a class="last" href="//help.ymatou.com/qa_02.html" target="_blank" rel="nofollow">卖家常见问题</a> </div> <div class="copyright" style="margin:20px;text-align:center">© 2014－2020 ymatou.hk 版权所有</div> </div> </div> 


<script>
    (function (w, d, s, l, i, o) {
        w['YmatouAnalyticsobject'] = o;
        w[o] = w[o] || function () {
                    (w[o].q = w[o].q || []).push(arguments)
                }

        w[l] = w[l] || [];
        w[l].push({
            'gtm.start': new Date().getTime(),
            event: 'gtm.js'
        });
        var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
        j.async = true;
        j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl;
        f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-5PJKS5', '_dc_');
</script>
<script type="text/javascript">
function deleteItem(collection_id) {
    var i;
    $.ajax({
        type: "post",
        url: ctx + "/my/delCollection	",
        data: {
        	collection_id: collection_id
        },
        success: function (result) {
            if (result.code == 0) {
            	 alert("删除成功");
                parent.location.href = ctx + '/my/MyCollection';
            } else if (result.code != 0) {
                alert("删除失败");
            }
        },
        error: function () {
            alert("获取数据失败！");
        }
    });
}
</script>
<script type="text/javascript" id="">"undefined"==typeof Array.prototype.forEach&&(Array.prototype.forEach=function(a){for(var b=0;b<this.length;b++)a(this[b],b)});(function(a,b,d,f,c,e){a.YmatouAnalyticsobject=a.YmatouAnalyticsobject||d;a[d]=a[d]||function(){(a[d].q=a[d].q||[]).push(arguments)};c=document.createElement("script");e=document.getElementsByTagName("script")[0];c.async=1;b=b.replace(".js",f+".js");c.src=b;e.parentNode.insertBefore(c,e)})(window,"//s1.ymatou.com/bpm/build/gtm/1.3.6/detection.js","_dc_","");
(function(a,b,d,f,c,e,g){a.GoogleAnalyticsObject=c;a[c]=a[c]||function(){(a[c].q=a[c].q||[]).push(arguments)};a[c].l=1*new Date;e=b.createElement(d);g=b.getElementsByTagName(d)[0];e.async=1;e.src=f;g.parentNode.insertBefore(e,g)})(window,document,"script","//www.google-analytics.com/analytics.js","ga");ga("create","UA-18618809-1",{cookieDomain:"ymatou.com"});ga("send","pageview");_dc_("fillCommon",{appid:"4"});_dc_("on","load_more_fn",function(a){console.log(a)});var _vds=_vds||[];window._vds=_vds;
(function(){_vds.push(["setAccountId","b8dc04e0cdcb2603"]);var a=document.createElement("script");a.type="text/javascript";a.async=!0;a.src=("https:"==document.location.protocol?"https://":"http://")+"dn-growing.qbox.me/vds.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})();</script>
<script type="text/javascript" id="" src="//s1.ymatou.com/bpm/build/gtm/1.3.3/dtk.js"></script>


<script type="text/javascript" id="" src="//s1.ymatou.com/bpm/build/gtm/1.3.4/evt_common.js"></script></body></html>